$(function() {
	let form = layui.form
	/* 裁切 */
	$('#image').cropper({
		aspectRatio: 1,
		preview: '.img-preview'
	})

	// 初始化富文本编辑器 
	initEditor()

	/* 分类 */
	function getCateList() {
		$.ajax({
			url: '/my/article/cates',
			type: 'get',
			data: {},
			success: function(res) {
				var html = template('opt', res)
				//	console.log(res, html, 8);
				$('#cates').html(html)
				//$('select[name=state]').html(html)

				form.render() //   需要立即渲染
			},
		})
	}
	//  获取分类
	getCateList()

	/* 图片上传 */
	/* 实现图片上传 */
	$('.layui-btn.upload').on('click', function() {
		$('#uploadFile').val('') //  初始化表单资源
		$('#uploadFile').click() //  type=file被点击了
	})

	/* 监听被选择了 */
	$('#uploadFile').on('change', function() {
		//alert(123)
		//  获取选中图片的资源  是一个数组类型
		var files = $('#uploadFile')[0].files
		if (files.length <= 0) {
			return alert('请重新选择图片')
		}

		//  获取图片src

		//blob  使用URL对象将文件资源转换成路径【临时路径是一个blob格式】
		var url = URL.createObjectURL(files[0])
		console.log(url, 888);

		/* 将原先的数据销毁掉  然后添加src属性  在重新初始化 */

		$('#image').cropper('destroy').attr('src', url).cropper({
			aspectRatio: 1,
			preview: '.img-preview'
		});

		/* 总结三个步骤   选择了图片后需要将图片显示到页面上
		+  获取图片选择的资源 
		+  将资源文件转换成路径
		+  将途经赋值给img的src属性即可
		
		 */

	})


	/* 发布文章 */

	$('form').on('submit', function(e) {
		e.preventDefault();
		//  只要form定义了name属性就会将 name当成键  value当成值追加到 FormData
		let fm = new FormData($('form')[0])

		fm.append('state', state)
		//   base64格式  ：字符串 避免图片发送请求  +  体积是原图片大30% 小图片就使用
		var dataURL = $('#image').cropper('getCroppedCanvas', {
			// 创建一个 Canvas 画布 
			width: 100,
			height: 100
		}).toBlob(function(blob) {
			fm.append('cover_img', blob)
			// console.log(fm.get('title'), 66666);
			// console.log(fm.get('content'), 66666);
			// console.log(fm.get('cover_img'), 66666);
			// 	console.log(fm.get('state'), 7777);
			//  发送ajax请求添加文章
			$.ajax({
				url: '/my/article/add',
				type: 'POST',
				data: fm,
				processData: false,  //  不改变默认content-type
				contentType: false,  //  不改变 urlencoded  url编码格式
				success: function(res) {
					console.log(res, 777);
					location.href = '/article/art_list.html'
				},
			})
		})


		//  将图片转换成base64格式

		//console.log(dataURL, 999);
		// $.ajax({
		// 	url: '/my/update/avatar',
		// 	type: 'post',
		// 	data: {
		// 		avatar: dataURL
		// 	},
		// 	success: function(res) {
		// 		console.log(res, 66666);
		// 		//window.parent.location.reload()
		// 		window.parent.getUserInfo()
		// 	},
		// })
	})

	//  存为草稿点击事件
	var state = '已发布'
	$('#s_state').on('click', function() {
		state = '草稿'
	})


})
